<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .weui_cell_hd {
            position: relative;
            width:100px;
        }
        .weui_cell_hd:before {
            content: " ";
             -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
             transform: rotate(45deg);
            height: 6px;
            width: 6px;
            border-width: 2px 2px 0 0;
            border-color: #C8C8CD;
            border-style: solid;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -3px;
        }
        .weui_select {
            -webkit-appearance: none;
            border: 1px solid #C8C8CD;
            outline: 0;
            background-color: transparent;
            width: 100%;
            font-size: inherit;
            height: 44px;
            position: relative;
            z-index: 1;
            padding-left: 15px;
        }
    </style>
</head>
<body>
<div class="weui_cell_hd">
    <select class="weui_select" name="select2">
        <option value="1">+86</option>
        <option value="2">+80</option>
        <option value="3">+84</option>
        <option value="4">+87</option>
    </select>
</div>
</body>
</html>